:root {
   --primary-royal-blue: #2D5BD0 ;
   --secundary-royal-blue: #092F8F ;
   --primary-red: #E71C25;    
   --secundary-red: #B20008; 
   --primary-gray: #D7D7D7;
   --secundary-black: #333333;
   --primary-white: #FFFFFF;
}
body {
   margin: 0 auto;
   font-family: Poppins;
}

/* utilities */
.cursor_pointer{
	cursor: pointer;
}
.max-width{
    max-width: 1440px;
    margin: 0 auto;
}

.image-cover img{
	object-fit: cover;
}
.text-14{
	font-size: 14px !important;
}
.zpform-label-container {
    margin-bottom: 3px !important;
}

.full_width{ 
    width: 100%;
}
.zprow {
    margin-inline-end: 0px; 
}

/* POPUP CRM */
.zlp-dof-default-form label {
    color: #ffffff !important;
    display: block !important;
     margin-bottom: -15px !important;
}
div#elm_xZcpjmwxT8 {
    height: 525px !important;
    overflow-y: hidden !important;
}
textarea#elm_M8CfBatfkpdNz5A {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(217, 217, 217, 0.31);
    border-color: rgba(255, 255, 255, 0.37);
    color: rgb(255, 255, 255);
    border-radius: 8px;
}
div#elm_8TkqhrU3Eh iframe {
 width: 320px !imporant;
}

/** Button component */
/** Primary button */
.ve_button{
    margin-block-start: 20px;
    background: none;
}
.ve_button a{
    background: #FFF !important;
    color: var(--primary-white) !important;
    border-radius: 8px;
    padding: 8px 16px;
    text-align: center;
	font-size: 14px;
    line-height:auto;
	font-style: normal;
	font-weight: 600 !important;
	line-height: normal;
}
.ve_button a[disabled]{
    opacity: 1;
    color:  var(--primary-white) !important;
    background: var(--primary-gray) !important;
}
.ve_button a:hover{
    border-color: var(--secundary-royal-blue) !important;
 	border: 1px solid var(--primary-royal-blue);
}
/***********************************************************/
/** Red button version */
.ve_button_red a{
	background: var(--primary-red) !important;
    color: var(--primary-white) !important;
}
.ve_button_red a[disabled]{
    opacity: 1;
    color:  var(--primary-white) !important;
    background: var(--primary-gray) !important;
}
.ve_button_red a:hover{
    background: var(--secundary-red) !important;
    border: none;
}
/***********************************************************/
/** Gray button version */
.ve_button_gray a{
	background: #272727 !important;
    color: var(--primary-white) !important;
}
.ve_button_gray a[disabled]{
    opacity: 1;
    color:  var(--primary-white) !important;
    background: var(--secundary-gray) !important;
}
.ve_button_gray a:hover{
    background: #212121 !important;
    border: none;
}
/***********************************************************/
/** Blue button version */ 
.ve_button_blue a{
	background: var(--primary-royal-blue) !important;
    color: var(--primary-white) !important;
}
.ve_button_blue a[disabled]{
	opacity: 1;
    color:  var(--primary-white) !important;
    background: var(--primary-gray) !important;
}
.ve_button_blue a:hover{
    background: var(--secundary-royal-blue) !important;
    border: none;
}
/***********************************************************/
/** Secondary button */
.ve_button-secondary{
	margin-block-start: 20px;
    background: none;
    border: 1px solid var(--primary-white);
    border-radius: 8px !important;
}

.ve_button-secondary a{
    background: transparent !important;
    border: 1px solid var(--primary-white);
    color: var(--primary-white);
    border-radius: 8px;
    padding: 8px 16px;
    text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600 !important;
	line-height: normal;
}
.ve_button-secondary a[disabled]{
    opacity: 1;
    color:  var(--primary-gray);
    border: 1px solid var(--primary-gray);
}
.ve_button-secondary a:hover{
    border: 1px solid var(--primary-white);
    color: var(--primary-white);
}
.ve_button-secondary span,
.ve_button-secondary path{
    color: var(--primary-white);
}
/***********************************************************/
/* red button secondary version  */
.ve_button_red-secondary{
    border: 1px solid var(--primary-red);
}
.ve_button_red-secondary a{
    border: 1px solid var(--primary-red);
}
.ve_button_red-secondary span,
.ve_button_red-secondary path{
    color: var(--primary-red);
}
.ve_button_red-secondary a[disabled]{
    color:  var(--primary-gray);
    border: 1px solid var(--primary-gray);
}
.ve_button_red-secondary a:hover {
    border: 1px solid var(--secundary-red);
    color: var(--secundary-red);
}
/***********************************************************/
/* blue button secondary version */
.ve_button_blue-secondary{
    border: 1px solid var(--primary-royal-blue);
}
.ve_button_blue-secondary a{
    border: 1px solid var(--primary-royal-blue);
}
.ve_button_blue-secondary span,
.ve_button_blue-secondary path{
    color: var(--primary-royal-blue) !important;
}
.ve_button_blue-secondary a[disabled]{
    color:  var(--primary-gray);
    border: 1px solid var(--primary-gray);
}
.ve_button_blue-secondary a:hover {
    border: 1px solid var(--secundary-royal-blue);
    color: var(--secundary-royal-blue);
}
/***********************************************************/

/* Title */ 
.title-h1 h1{
    color: #333;
    text-align: left;
    font-style: normal;
	font-weight: 600;
    font-size:42px;
	line-height:38px;
}
.title h2{
	color: #333;
    text-align: left;
	font-size: 42px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 38px !important;
}
.title-h2 h2{
	color: #333;
    text-align: left;
	font-size: 36px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 38px !important;
}
.title_center h2{
    text-align: center;
}
.title_white h2 {
    	color: var(--primary-white);
}
/***********************************************************/
/* Texto */
.cuerpo_texto{
    font-size: 14px !important;
    line-height: 22px !important;
}
/***********************************************************/

/* PopUp section */
div#elm_JeqNhJyRZl {
    overflow-y: hidden;
    margin: 0 !important;
}
iframe#elm_lUPrunJE0j {
    margin: 0 !important;
    width: 100%;
    height: calc(100% - -500px) !important;
}
div#elm_pzPf4kMGxZ {
    border-style: hidden !important;
}

iframe#elm_YJnO2cSyuW {
    margin: 0;
    width: 100%;
}
div#elm_wxfDBT3qK9 {
    margin: 0;
}

div#elm_50Jder6xbr {
    overflow-y: hidden;
}
div#zb-staff-container {
    height: calc(100% - 45px) !important;
}
/* ---------------------------- */
/* Nav section */
.nav{
    width: 100%;
    padding-block-start: 0;
    padding-block-end: 0;
    position: fixed;
    top: 0;
    z-index: 1000;
    margin: 0 auto;
}
.icon_burger{
	display: flex;
}
.nav .zpelement {
    margin-block-start: 0;
}
.nav .zpelem-image {
    margin-block-start: 0 !important;
}
.nav_container{
    padding: 16px 96px;
    padding-inline-start: 0;
    padding-inline-end: 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav_logo{
    width: 226px;
	align-self: stretch;
	margin-block-start: 0;
}
.nav_list{
    display: flex;
    align-items: center;
    gap: 16px;
}
.icon_lenguage .zpbutton-wrapper{
    padding: 0 !important;
    align-items: center;
}
.colum_without_border{
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
}
.section_without_padding .zpcontainer-fluid{
    padding-inline-end: 0px;
}
/* -------------------------- */
/* Header Section */
.header_card{
    top: 66px;
}
.zptext a {
    color: black;
}
.header_card_text p{
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}
.header_botons_container{
    width: fit-content;
 	display: flex;  
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.header_img img{
    width: 304.17px ;
    height: 72px ;
}

/* ----------------------------- */ 
/** Clients logos Section */
.clients_logos{
    background: var(--primary-white);
    display: flex;
    justify-content: space-around;
    border-radius: 8px !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
 }
/*---------------------------------*/
/* Reseñas setion */
.reseñas_card .zpelem-box{
    border-color: #0000;
}
.reseñas_card .lpcustom-box {
    height: 416px !important;
}
.zpcarousel-controller{
    border: none !important;
    background: #D9D9D9 !important;
}
.zpcarousel-controller-active{
    background: #2D5BD0 !important;
}
.zpcarousel-container .zpcarousel-controller-type-01 {
    gap: 16px;
}
.lpcustom-heading h5{
	font-size: 16px !important;
    font-weight: 600 !important;
    
}
.lpcustom-text span{
    font-style: normal !important;
    font-size: 14px !important;
}
/***********************************************************/
/* tablet */
.reseñas_card_container{
 display: flex;   
}
.carrusel_tablet .zpcarousel-content-container{
   min-height: 600px !important;
}

.reseñas_card_container .reseñas_card {
    width: 50%;
    flex-wrap: nowrap;
 }
.reseñas_card .lpcustom-box{
    height: 395px;
    border-radius: 8px !important;
}
/* --------------------------------- */
/* Call to action section */
.call_to_action_section_title h2{
 	color: #FFF;
}

.call_to_action_section_botons{
    width: fit-content;
 	display: flex;  
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.section_without_padding{
	 max-width: 1440px;
     margin: 0 auto;
}
.ve_section_contenets{
    margin: 0 auto;
}
/* -----------------------------*/
/* form */
[data-element-id="elm_bxQb2sjONNEIEuf4fk80CQ"].zpelem-col {
    border-radius: 1px;
    padding-inline-end: 0px !important;
    padding-inline-start: 0px !important;
}
.zpform-container .zpform-outer li {
    margin-block-end: 0px;
}
.zpform-field-container.zpform-button {
    justify-content: center;
    margin-top: 32px;
}
.zpform-label-container {
    margin: 0 !important;
}
input.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md {
    width: 100% !important;
    justify-content: center;
    margin-top: 16px !important;
}
.form_section .fom_content_title h3{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.form_extra_content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}
.form_content_section .zpelement {
    margin-block-start: 0;
}
.form_section_title_card h3{
 	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;   
}
.asesoria_boton{
    width: 100%;
}
.box_asesoria{
    display: flex;
	padding: 48px 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
	flex: 1 0 0;
 	border-radius: 8px;
	background: var(--primary-royal-blue, #2D5BD0);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.center-clients{
    border-radius: 8px;
    border-color: black;
}
/* --------------------------------*/
/* info messsage section  */ 
.info_box{
	display: flex;
    z-index: 900;
    position: relative;
      justify-content: flex-start;
    align-items: center;
}
.info_box_text{
	width: 80%;
}
.info_box_icon svg{
    width: 18px !important;
    height: 18px !important;
}
.info_message{
    position: absolute;
    bottom: 40px;
    left: 35px;
    background: #333333;
    color: white;
    padding: 20px;
    width: 178px;
}
.hidden_message{
 display: none;
}
.info_message_tuned {
    bottom: 80px;
}
.text_bold span {
    font-weight: 600;
}
/* -------------------------*/
/* Price Section */ 
.price_buttons_container .zpelement,
.price_buttons_container .zpelem-button{
    margin-block-start: 0 !important;
}
.price_buttons_container{
    margin: 0 auto;
    width: fit-content;
    display: flex;
    background: white;
    border-radius: 8px;
    padding: 8px;
}
.price_buttons_container_2{
    gap: 16px;
    background: none;
    border-radius: 0;
    align-items: center;
}

.plan_toggle {
  width: 273px;
  height: 48px;
  margin: 0 auto;
  padding: 18px 0 18px 0;
  background: #fff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.button_normal a{
  background: rgb(255, 255, 255) !important;
  color: #2d5bd0  !important ;
}
.button_custom_selected a{
    background: #2d5bd0  !important;
    color: rgb(255, 255, 255)  !important;
}

.monly_details_active {
  display: flex;
}
.yearly_details_active {
  display: flex;
}
.hidden {
  display: none;
}

.price_firts_container{
    border-radius: 8px !important;
    width: 250px;
}
.price_container{
     border-radius: 8px !important;
	width: 190px;
}

.price_firts_container{
    position: relative;
   padding-top: 0 !important;
}
.price_container_child{
    margin: 0 !important;
    position: relative;
    top: 103px;
}
.price_container_item,
.price_container_item .zpelem-text{
 	margin-top: 0 !important;       
}
.price_container_item{
    max-height: 84px;
    
}
.price_container_item .zpelem-text{
    padding: 34px 0;   
}
.price_container_box1{
	max-height: 114px;
}
.price_container_box2{
	margin-top: 0px !important;
}
.price .prices .zpelem-col{
    height: 740px;
}  
/* ZOHO PRICES */
.zoho_price_container {
     width: 250px;
}
/*********************************************************/
/* acordion */
.zpaccordion-container.zpaccordion-style-01 .zpaccordion{
    border: none !important;
    border-bottom: 1px solid #2B2B2B !important;
}

.zpaccordion-active-content{
    border: none !important;
}

.zpaccordion-container.zpaccordion-style-01 .zpaccordion-content{
    border: none !important;
    border-bottom: 1px solid #2B2B2B !important;
}    

.zpaccordion-container.zpaccordion-style-01 .zpaccordion-active {
    border: none !important;
    margin-top: 0;
    padding-bottom: 0;
}
.zpaccordion-container .zpaccordion-content {
    padding-top: 0;
}
/***********************************************************/
/* footer */
.ve_footer_container {
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
}
.ve_footer_box_information {
    display: flex;
    justify-content: space-between;
        flex-wrap: wrap;
}
.footer_network_container{
display: flex;
}
.ve_footer_box_information .zpicon-container {
margin-right: 12px;
}
.footer_text{
	color: var(--primary-white);
}
/***********************************************************/
/************************ TABLET VERSION ******************************/
@media only screen and (min-width: 576px) and (max-width: 991px){
    .title-h1 h1{
    	font-size:42px;
		line-height:25px;
	}
    /* Components */
    .zpcontainer {
    	width: 100%;
    	padding: 0 48px;
	}
    /* Title */ 
    .title h2 {
    	font-size: 32px !important;
    	line-height: 35px !important;
	}
    .title-h2 h2{
		font-size: 28px !important;
		font-style: normal;
		font-weight: 600;
		line-height: 28px !important;
	}
    /* Nav section */
    .icon_burger{
     	display: block;
    }
    .nav .ve_button-secondary,
    .nav .icon_lenguage{
    	display: none;
    }
    /* Header Section */
    .header{
        padding: 3rem;
    	padding-top: 4rem;
    }
    /* clients logos section */
    .logo_hidden{
    	display: none;
    }
    /* testimonios */
    .lp-section-05 .lpcustom-box {
    	padding: 30px 16px 20px 16px !important;
	}
    .reseñas_card .lpcustom-box {
    	height: 441px !important;
	}
    /* sliders */
[data-element-id="elm_6fttcFig4JccthDvmyxggA"].zpelem-col {
    	padding-inline-end: 48px !important;
    	padding-inline-start: 48px !important;
	}
	/* Form section */
    .form_section .zpform-outer{
    	display: grid;
    	grid-template-columns: 1fr 1fr;
    	grid-template-areas:
        	"name email"
        	"company phone"
            "caso caso"
        	"button button";
    	gap: 10px;
    }
    .form_section .zpform-outer li:nth-child(1) {
    	    grid-area: name;
	}
    .form_section .zpform-outer li:nth-child(2) {
    	    grid-area: email;
	}
    .form_section .zpform-outer li:nth-child(3) {
    	    grid-area: company;
	}
    .form_section .zpform-outer li:nth-child(4) {
    	    grid-area: phone;
	}
     .form_section .zpform-outer li:nth-child(5) {
    	    grid-area: caso;
	}
    .form_section .zpform-outer li:nth-child(7){
    	    grid-area: button;
	}
    .form_section .zpform-outer .zpform-field-container{
    	max-inline-size: 100% !important;
    }
    .zpform-field-container.zpform-button {
    	margin: 0;
	}
    .form_section .zpform-outer .zpform-label-container{
         max-inline-size: 100% !important;
    }
    input.zpbutton.zpbutton-type-primary.zpbutton-style-oval.zpbutton-size-md {
    	width: 100% !important;
	}
    .zpform-button{
    	justify-content: center;
    }
    .zpform-field-container.zpform-button {
    	flex: 1 0 100% !important;
    }

    /* --------------------------------- */
    /* Call to action section */
    .ve_section_contenets{
		 height: 500px;
	}	
    /*-------------- */
	/* Price Section */ 
    .prices {
        
    }
    .price .prices{
        max-width: 100vw;
    	margin: 0 auto;
    	flex-wrap: nowrap;
    	overflow-x: auto;
    	padding-bottom: 10px;
    	margin-top: 16px;
    	margin-inline-end: 0;
    	margin-left: 20px;
        padding: 11px;
        padding-left: 530px;
    }

    .price .prices .zpelem-col{
         height: 740px;
         width: 193px;
    }
    /* step by step container */
    .step_by_step_container{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
/*--------------------------------*/
     .ve_section_contenets {
        padding: 76px 20px !important;
    }
}

/************************ MOBILE VERSION ******************************/
@media only screen and (max-width: 575px){
    .ve_logo img{
    	width: 132px;
		height: 36px;
    }
   .title h2 {
    	font-size: 30px !important;
    	line-height: 30px !important;
	}
    .title-h2 h2{
		font-size: 26px !important;
		line-height: 26px !important;
	}
	 /* Components */
    .zpcontainer {
    	width: 100%;
    	padding: 0 24px;
	}

    .ve_button{
         width: 100%;
    }
    .ve_button a {
        width: 100%;
    	justify-content: center;
    }
    .ve_button-secondary{
   		width: 100%;
    }
    /* Title */ 
    /* Nav section */
    .icon_burger{
     	display: block;
    }
    .nav .ve_button-secondary,
    .nav .icon_lenguage{
    	display: none;
    }
    .nav_list {
    	gap: 0;
    }
    .nav_container{
        padding-inline-start: 0px !important;
    	padding-inline-end: 0px !important;
        justify-content: space-around;
    }
    .nav  .zpcontainer{
        padding-inline-start: 0px;
    	padding-inline-end: 0px;
    }
    .nav_logo img{
        padding-left: 1rem;
    }
    .nav_logo {
    width: 143px;
        align-self: center;
    }   
 
    /* */
    [data-element-id="elm_6fttcFig4JccthDvmyxggA"].zpelem-col {
        padding-inline-end: 0px !important;
    	padding-inline-start: 0px !important;
	}
    /* Header Section */
    .header_card .zpelem-col {
        padding: 48px 24px !important;
    	margin: 64px 24px 0px 15px !important;
    }
    .header_img img{
        width: 174px ;
		height: 41px ;
    }
    .header_botons_container{
        flex-wrap: wrap;
    }
    /* Carrusel */ 
    .zpcarousel-arrow-left{
    	display: none !important;
    }
    .zpcarousel-arrow-right{
    	display: none !important;
    }
    .lp-section-05 .lpcustom-box {
    	border-color: transparent;
        height: 452px;
    	border-radius: 8px !important;
    }
    .zpimage-carousel-slide {
    	margin-inline-start: 24px !important;
    	margin-inline-end: 24px !important;
	}
    .zpcarousel-container .zpcarousel-content-container .zpcarousel-content .zpcarousel-content-inner {
     	padding-block-start: 0px; 
     	padding-block-end: 0px; 
     	padding-inline-start: 0px; 
     	padding-inline-end: 0px;
     	margin-block-start: 0;
     	margin-block-end: 0;
   		margin-inline-start: 0px; 
     	margin-inline-end: 0px; 
	}

    /* Call to action  */    
    .ve_section_contenets{
		 height: 721px;
	}	
    /* Reseñas section */ 
   
    .reseñas_section .zpsection {
     padding-block-start: 0px;
     padding-block-end: 0px;
    }
   /* [data-element-id="elm_XBVFaiCUFpbMTxs2LAupZA"].zpsection {
    	display: none;
	}*/
    [data-element-id="elm_aVV1Zqu0iuPrUm4mxP3J3g"].zpsection {
    	border-radius: 1px;
    	padding-block-start: 0px;
	}
    .card_colum_item{
    	 margin: 0 auto;
    	margin-left: 10px;
    }
    
    /* Banner */
    .ve_section_contenets {
        padding: 76px 20px !important;
    }
    
    /* call to action section */
    .call_to_action_section_botons {
    	flex-wrap: wrap;
	}
    .form_extra_content {
    	grid-template-columns: 1fr;
        margin-bottom: 64px;
    }
    .call_to_action_section {
          margin: 16px !important;
    }
    /* form */
    .form_container{
   	  padding-inline-end: 0 !important;
   	  padding-inline-start: 16px !important;
    }
    .zpelem-lpform .zpform-container .zpbutton {
     padding-inline-end: 0px !important; 
     padding-inline-start: 0px !important; 
     margin-inline-start: 0px !important; 
     width: 100% !important;
    justify-content: center;
}
    /* price section */
    .price_buttons_container{
        width: 105%;
        justify-content: center;
        max-width: 318px;
    }
   	.form_section .zpbutton.zpbutton-type-primary {
    border-radius: 10px;
     padding-inline-end: 36px !important; 
     padding-inline-start: 36px !important; 
	}
    .price .prices{
        flex-wrap: nowrap;
    	overflow-x: auto;
    	padding-bottom: 10px;
    	margin-top: 16px;
    	margin-inline-end: 0;
    	margin-left: 20px;
        padding: 11px;
        padding-left: 261px;
    }
    .price .prices .zpelem-col{
        width: 171px;
    	height: 740px;
    }  
    .price_buttons_container {
    	flex-wrap: wrap;
	}
    .price_firts_container{
		margin-left: 453px !important;    
    }
/*--------------------------------*/
}